<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sk-sk" lang="sk-sk">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link type="text/css" rel="stylesheet" media="all" href="css/style.css" />
	<meta name="robots" content="index, follow" />
	<title>Úsmev s čiarkou</title>
</head>
<body>
	<div class="wrapper">
		<div id="header">
			<a href="#"><span class="logo"></span></a>
			<div class="header_text">
				<h2>Úsmev s čiarkou</h2>
				<p>je zameraný na problematiku<br />rázštepu pery a podnebia</p>
			</div>
			<a href="#"><span class="logo"></span></a>
		</div>
		<div class="clear"></div>
		<div class="content">
			<div id="left_content">
				<div class="menu box">
					<ul class="first_level">
						<li><a href="#">Prvá položka</a></li>
						<li><a href="#">Druhá položka</a></li>
						<li class="active">
							<a href="#">Tretia položka</a>
							<ul class="second_level">
								<li><a href="#">Prvá podpoložka</a></li>
								<li><a href="#">Druhá podpoložka</a></li>
								<li><a href="#">Tretia podpoložka</a></li>
							</ul>
						</li>
						<li><a href="#">Štvrtá položka</a></li>
						<li><a href="#">Piata položka</a></li>
					</ul>
				</div>
			</div>
			<div id="center_content">
				<div class="text_area">
					<h1>text lorem ipsum</h1>
					<p>+ľščťžýáíéŠŤČŇĽĎ ľúbim ťa tak dalej text lorem ipsum aaa tak dalej text lorem ipsum aaa
					tak dalej text lorem ipsum aaa tak dalej text lorem ipsum aaa tak dalej text lorem ipsum aaa tak dalej
					text lorem ipsum aaa tak dalej text lorem ipsum aaa tak dalej text lorem ipsum aaa tak dalej text lorem
					ipsum aaa tak dalej text lorem ipsum aaa tak dalej text lorem ipsum aaa tak dalej</p>
					<h2>text lorem ipsum aaa</h2>
					<p>tak dalej text lorem ipsum aaa tak dalej text lorem ipsum aaa tak dalej text lorem ipsum aaa tak dalej 
					text lorem ipsum aaa tak dalej text lorem ipsum aaa tak dalej text lorem ipsum aaa tak dalej text lorem
					ipsum aaa tak dalej text lorem</p>
					<h3>ipsum aaa tak dalej</h3>
					<p>text lorem ipsum aaa tak dalej text lorem ipsum  tak dalej text</p>
					<ul><li>lorem ipsum aaa</li><li> tak dalej text</li><li> lorem ipsum aaa</li></ul> tak dalej text lorem ipsum aaa tak dalej 
					text lorem ipsum aaa tak dalej text lorem ipsum aaa tak dalej text lorem ipsum aaa tak dalej text lorem 
					ipsum aaa tak dalej text lorem ipsum aaa tak dalej text lorem ipsum aaa tak dalej text lorem ipsum aaa 
					tak dalej text<ul><li>lorem ipsum aaa<ul><li>lorem ipsum aaa</li></ul></li><li> tak dalej text</li><li> lorem ipsum aaa</li></ul>
					<p><a href="#">lorem ipsum aaa </a>tak dalej text lorem ipsum aaa tak dalej text lorem ipsum aaa tak dalej 
					text</p>
					<ol><li>lorem ipsum </li><li>aaa tak dalej<ol><li>lorem ipsum </li><li>aaa tak dalej </li><li>text lorem </li></ol></li><li>text lorem </li></ol>
					<strong>ipsum aaa tak dalej </strong>text lorem ipsum aaa tak dalej text lorem
					<sup>ipsum aaa tak dalej text lorem </sup><sub>ipsum aaa tak dalej text lorem ipsum </sub>aaa tak dalej text lorem ipsum aaa 
					tak dalej text lorem ipsum aaa tak dalej text lorem ipsum aaa tak dalej text lorem ipsum aaa tak dalej
					text lorem ipsum aaa tak dalej text lorem ipsum aaa tak dalej text lorem ipsum aaa tak dalej text lorem
					<form>
						<fieldset class="formular">
							<label><span class="label">Meno:</span><input type="text" class="form_width" /></label>
							<label><span class="label">Priezvisko:</span><input type="text" class="form_width" /></label>
							<div class="inline">
								<span class="label">Mate vy osobne razstep:</span>
								<label><input type="radio" />Ano</label>
								<label><input type="radio" />Nie</label>
							</div>
							<div class="clear"></div>
							<div>
								<span class="label">Mate vy osobne razstep:</span>
								<select class="form_width">
									<option>First</option>
									<option>Second</option>
									<option>Third</option>
								</select>
							</div>
							<div class="clear"></div>
							<label>
								<span class="label">Poznámka:</span><textarea class="form_width"></textarea>
							</label>
						</fieldset>
					</form>
				</div>
			</div>
			<div id="right_content">
				<div class="box">
					<h3>Anketa</h3>
					<form>
						<fieldset class="formular">
							<label><input type="radio" name="odpoved" /> Prvá odpoveď</label>
							<label><input type="radio" name="odpoved" /> druhá odpoveď</label>
							<label><input type="radio" name="odpoved" /> Tretia odpoveď</label>
							<label><input type="radio" name="odpoved" /> Štvrtá odpoveď</label>
							<div class="button">
								<input type="submit" value="Hlasovať" />
								<a href="#">Výsledky</a>
							</div>
						</fieldset>
					</form>
				</div>
				<div class="box">
					<h3>Novinky</h3>
					<h4><a href="#">Nadpis</a></h4>
					<p>Lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
					<h4><a href="#">Nadpis</a></h4>
					<p>Lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
					<h4><a href="#">Nadpis</a></h4>
					<p>Lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
				</div>
			</div>
			
		</div>
		<div id="footer"><div class="clear"></div>
			<div class="copyright">
				<p>&copy; 2012 Úsmev s čiarkou</p>
			</div>
		</div>
	</div>
</body> 
</html>